/* 平移 */
.transform-translate-50-100{
    /* 第一个水平移动，第二个垂直移动 */
    transform: translate(50px,100px);
}

.transform-translateX-50{
    transform: translateX(50px);
}

.transform-translateY-50{
    transform: translateY(50px);
}

/* 旋转 */
.transform-rotate-360:hover{
    transform: rotate(360deg);
}
/* 旋转圆心 */
.transform-origin-left-bottom{
    transform-origin: left bottom;
}
.transform-origin-left-top{
    transform-origin: left top;
}
.transform-origin-right-bottom{
    transform-origin: right bottom;
}
.transform-origin-right-top{
    transform-origin: right top;
}

/* 放大缩小 */
.transform-scale-08:hover img{
    transform: scale(0.8);
}
.transform-scale-12:hover img{
    transform: scale(1.2);
}

/* 过渡 */
.transition-all-5{
    transition: all 0.5s;
}

/* 透视属性 */
.perspective{
    perspective: 1000px;
}

/* 空间旋转 */
.transform-rotate-x-180{
    transform:rotateX(180deg);
}


/* @transitionend 过度完成事件 */